import './App.css';
import {useRef, useState} from "react";

function App() {

    let inputRef = useRef(null);

    function onChange() {
        /**
         * 注意：
         * 为什么点击之后获取：
         * 渲染完成后，才能获取dom
         */
        console.log(inputRef)
        console.log(inputRef.current)
        console.log(inputRef.current.value)
    }

    return (
        <div>
            <h1>受控绑定：{}</h1>
            <input
                type="text"
                ref={inputRef}
                onChange={onChange}/>
        </div>
    )
}

export default App;
